{% extends 'base.html' %}
{% block head %}
	<link href="{{ path }}css/components/signin.css" rel="stylesheet" type="text/css">  
{% endblock %}

{% block jquery %}

    $( 'form' ).submit(function() {
        if($('#contrasena').attr('value') == $('#re-contrasena').attr('value')){
            return true;
        }
        else{
            alert("Las contraseñas no coinciden.");
            return false;
        }
    });
    
    $( '#cancelar' ).click(function() {
        location.href = "/";
    });

{% endblock %}
	
{% block ruta %}
		
{% endblock %}

{% block contenido2 %}
<div class="account-register register">
	<div class="content clearfix">
    	<form id="formulario-producto" action="guardar_persona" method="post">
        	<h2>{{ formulario.titulo }}</h2>
	        {% csrf_token %}
            
            <p>Cree su cuenta gratis</p>
            <div class="login-fields">
				<div class="field">
					<label for="Nombres">Nombres:</label>	
					<input type="text" id="nombres" name="nombres" value="" placeholder="Nombres" class="login" required="required"/>
				</div> <!-- /field -->
                
            	<div class="field">
					<label for="Apellidos">Apellidos:</label>	
					<input type="text" id="apellidos" name="apellidos" value="" placeholder="Apellidos" class="login" required="required"/>
				</div> <!-- /field -->
            	                
                {% for campo in formulario_campos %}
                <div class="field">
					<label for="campo.etiqueta">campo.etiqueta:</label>	
					<{{ campo.tipo_campo.etiqueta }} placeholder="{{ campo.etiqueta }}" class="login" id="campo{{ campo.id }}" name="campo{{ campo.id }}"
                    		{% if campo.tipo_campo.tipo != "" %} type="{{ campo.tipo_campo.tipo }}" {% endif %} 
                            {% if campo.tipo_campo.etiqueta == "textarea" %}> </textarea> {% else %} /> {% endif %}
				</div> <!-- /field -->
                {% endfor %}
                
                <div class="field">
					<label for="Correo">Correo:</label>	
					<input type="email" id="correo" name="correo" value="" placeholder="Correo electrónico" class="login" required="required"/>
				</div> <!-- /field -->
            	
                <div class="field">
					<label for="Contraseña">Contraseña:</label>	
					<input type="password" id="contrasena" name="contrasena" value="" placeholder="Contraseña" class="login" required="required"/>
				</div> <!-- /field -->
            	
                
                <div class="field">
					<label for="re-contraseña">Confirme contraseña:</label>	
					<input type="password" id="re-contrasena" name="re-contrasena" value="" placeholder="Confirme contraseña" class="login" required="required"/>
				</div> <!-- /field -->
                
                <div class="login-actions">
                    <span class="login-checkbox">
                        <input id="Field" name="Field" type="checkbox" class="field login-checkbox" value="First Choice" tabindex="4" />
                        <label class="choice" for="Field">He leído y estoy de acuerdo con los Términos de Uso.</label>
                    </span>
                    <button type="submit" class="button btn btn-primary btn-large">Registrar</button>
                </div> <!-- .actions -->
			</div>
        </form>
	</div>
</div>
{% endblock %}